<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <meta name="viewport" content="width=device-width, initial-scale=1" />
        <script src="./js/jquery.min.js"></script>
        <script src="./js/bootstrap.min.js"></script>
        <script src="./js/parallax.min.js"></script>
        <link href="./css/bootstrap.min.css" rel="stylesheet">
        <link href="./css/style.css" rel="stylesheet">
        <link rel="stylesheet" media="(max-width: 650px)" href="./css/mobile.css" />
         <link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.7.5/leaflet.css" />
          <script src="http://cdn.leafletjs.com/leaflet-0.7.5/leaflet.js"></script>
        <title>dissemin</title>
        <meta name="keywords" content="open access,green open access,preprint,institutional policy,publisher,repository" /> 
        <meta name="description" content="dissem.in helps researchers and universities to upload their papers to repositories, fostering green open access" />
    </head>
    <body>
        <div class="header-image parallax-container" data-bleed="0" data-parallax="scroll" data-z-index="-30" data-image-src="img/small-blue-sky.jpg">
            <div class="header-image parallax-container" data-bleed="0" data-parallax="scroll" data-z-index="-20" data-naturalWidth="1600" data-naturalHeight="500" data-speed="0.5" data-image-src="img/back.gif">
                <div class="header-image parallax-container" data-bleed="0" data-parallax="scroll" data-z-index="-10" data-naturalWidth="1600" data-naturalHeight="500" data-speed="0.65" data-image-src="img/front.gif">

                    <!--                    <a href="#" class="btn btn-default btn-lg orange-button">Scroll</a> -->
                </div>
            </div>
        </div>
        <div id="band-1" class="band">
            <div class="band-content">
                <h1>dissemin</h1>
                <h2>Open access made simple</h2>
                <div class="use-case">
                    <div id="researcher">
                    </div>
                    <h3>for researchers</h3>
                    <p>Find out instantly the open access status of your publications
                    and liberate those which are still stuck behind a
                    paywall, in one click.</p>

                    <a href="http://public.dissem.in/" class="btn btn-default btn-lg orange-button">Get started</a>
                </div>
                <div class="use-case">
                    <div id="university"></div>
                    <h3>for universities</h3>
                    <p>
                    Determine how much of your research output is available without restrictions
                    and set up an open access policy to improve it.</p>

                    <a href="#institutional" class="btn btn-default btn-lg orange-button">Get in touch</a>
                </div>
                <p>
                </p>
            </div>
        </div>
        <div class="second-parallax parallax-container" data-bleed="0" data-parallax="scroll" data-z-index="-10" data-image-src="img/small-blue-sky.jpg">
            <div class="centering-second-parallax">
                <img src="img/migration.png" class="migration" alt="Bird migration"/>
                <div class="questions" >
                    <h2>Wait, what?</h2>
                    <p>Millions of papers are still locked behind paywalls. For many of them, their authors could have
                    made them available in a repository, given the self-archiving policy of their publisher.</p>

                    <p>Dissemin spots these papers and helps their authors upload them quickly to
                    mature and visible repositories such as HAL or Zenodo.</p>

                    <h2 id="institutional">Can I use it?</h2>
                    <p>Our platform <a href="http://public.dissem.in/">can already be used by independent researchers</a>.
                    We are working with institutional partners
                    to set up dedicated instances of the software for them. If you are interested in the project, please get
                    in touch: hello@dissem.in.
                    </p>

                    <br />
                    <a href="http://public.dissem.in/faq" class="btn btn-default btn-lg blue-button">FAQ and more information</a>
                </div>
                <div style="clear:both"></div>
            </div>
        </div>
        <div class="band" id="band-2">
            <h2 id="team">Team</h2>
            <a href="http://antonin.delpeuch.eu/"><div class="teamMember">
                <img src="img/circle_antonin.png" alt="pintoch" />
                <p class="memberName">pintoch</p>
            </div></a>
            <a href="http://www.eleves.ens.fr/home/bourgeat"><div class="teamMember">
                <img src="img/circle_thomas.png" alt="bThom" />
                <p class="memberName">bThom</p>
            </div></a>
            <a href="http://evarin.fr/"><div class="teamMember">
                <img src="img/circle_robin.png" alt="Evarin" />
                <p class="memberName">Evarin</p>
            </div></a>
            <a href="http://wavelets.ens.fr/EQUIPE/marie.htm"><div class="teamMember">
                <img src="img/circle_marie.png" alt="Marie" />
                <p class="memberName">Marie</p>
            </div></a>
            <a href="http://a3nm.net/"><div class="teamMember">
                <img src="img/circle_antoine.png" alt="a3nm" />
                <p class="memberName">a3nm</p>
            </div></a>
            <a href="http://pablo.rauzy.name/"><div class="teamMember">
                <img src="img/circle_pablo.png" alt="p4bl0" />
                <p class="memberName">p4bl0</p>
            </div></a>
            <a href="#"><div class="teamMember">
                <img src="img/circle_lukas.png" alt="LuGas" />
                <p class="memberName">LuGas</p>
            </div></a>
            <a href="http://public.dissem.in/faq#getting-involved"><div class="teamMember">
                <img src="img/circle_you.png" alt="You" />
                <p class="memberName">You?</p>
            </div></a>
        </div>
        <div id="footer">
            <a href="http://github.com/wetneb/dissemin/"><img src="img/github.png" alt="Github" style="vertical-align: center; color: white; margin: 3px;" /></a> &nbsp;&nbsp; − &nbsp;&nbsp;
            <a href="https://twitter.com/disseminOA"><img src="img/twitter.png" alt="Twitter" style="vertical-align: center;" /> @disseminOA</a> &nbsp;&nbsp; − &nbsp;&nbsp; <a href="mailto:hello@dissem.in">hello@dissem.in</a> − &nbsp;&nbsp; <a href="http://association.dissem.in/#donate">donate</a>
            <br />
                <img src="img/oiseau.gif" class="oiseau" alt="Paper bird" />
        </div>
    </body>
</html>
